<template>
    <li class="dropdown-item" :class="{ disabled }">
        <slot />
    </li>
</template>

<script>
export default {
    props: {
        disabled: {
            type: Boolean,
            default: false,
        },
    },
    setup() {
        return {};
    },
};
</script>

<style lang="scss">
.dropdown-item.disabled {
    * {
        color: #ccc !important;
    }
}
</style>
